﻿<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>网站名</title>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css2/default.css" />
		<link rel="stylesheet" type="text/css" href="css2/component.css" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
		
		<link rel="stylesheet" type="text/css" href="css/icons.css" />
		<link rel="stylesheet" type="text/css" href="css/style3.css" />
		<script src="js/modernizr.custom.js"></script>
		<link rel="stylesheet" type="text/css" href="css/component.css" />

		<!-- 分页效果 -->
		<link href="css/font-awesome.css" rel="stylesheet" />

<!-- css -->
<link rel="stylesheet" href="css/styles.css" />
<link href="img/common/favicon.png" rel="shortcut icon" />
<!--[if lt IE 8]>
<link rel="stylesheet" href="css/styles.ie7.css" />
<![endif]-->

<!--必要样式-->
<link href="css/jpage.css" rel="stylesheet" type="text/css" />
		<!-- 分页效果end -->

<script src="js/modernizr.custom.js"></script>
<!-- 分页效果 -->
			

<!-- js -->		
<script src="js/vendor/jquery.1.7.2.min.js"></script>	
<!-- jpage -->
<script type="text/javascript" src="js/jpage.min.js"></script>
<!-- 分页效果end -->	
		<!-- 知识库 -->
				<link href="css/index.css" rel="stylesheet" type="text/css" />
				<style type="text/css">
					.ztf{
						height: 40%;
						width: 95%;
						/*background: red;*/
						margin:20% auto;
						text-align: center;
						color:white;
					}
					.tianjia {
						height: 30px;
						width: 30px;
						/*background:;*/
						margin:0px 0px;
						font-size: 14px;
						float: right;
						color: white;
						text-align: center;
					}
				</style>
		<!-- 知识库end -->
		<style type="text/css">
		          
		    * {
		       box-sizing: border-box;
		       -moz-box-sizing: border-box;
		    }

		    html, body {
		       margin: 0;
		       padding: 0;
		       height: 100%;
		       width: 100%;
		      /* background:#9EC5FF ;*/
		    }         
		          
		    #fixedNavBar > ul{
		     	list-style: none;
		        text-decoration: none;
			}

			.main2{
				height:85%;
				width:70%;
				margin:4% 15%;
				position:absolute;
			}
			.main1{
				height:85%;
				width:70%;
				margin:0% 15%;
				position:absolute;
			}
			.zhanghu{
				position:absolute;
				height:40%;
				width: 15%;
				margin-top: 5%;		
				z-index: 1000;
				
			}
			.background{
				height:100%;
				width:100%;
				padding:1px;
				border-radius: 20px; 
				background-image: url(touming.png);
			}
			.biaoti{
				color: #4095D6;
			}	
			.personal{
				height:95%;
				width: 95%;
				/*background: red;*/
				margin:2% auto;
			}
			.touxiang{
				height:150px;
				width: 150px;
				/*background: green;*/
				margin:0 auto;
			}
			.jianjie{
				height:10%;
				width: 85%;
				margin: 0 auto;
			}
			
			.neirong{
				height:63%;
				width: 85%;
				margin: 0 auto;
				/*background: orange;*/
			}
			.neirong-left{
				height:100%;
				width: 100%;
				/*background: blue;*/
				margin:0 auto;
				float: left;
			}
			.neirong-left-information{
				height:15%;
				width: 85%;
				/*background: red;*/
				margin: 3% auto;
				line-height: 70px;
				border-bottom: 2px solid #fff;
				color: #fff;
				font-size: 20px;
			}
			.shipin{
				height:80%;
				width: 95%;
				margin: 5% auto 0 auto ;
				padding:1px;
				/*background: red;*/
			}
			.shipin-page{
				height:10%;
				width: 30%;
				float: right;
				/*background: red;*/
				font-size: 16px;
			}
			#fixedNavBar{
			           position: fixed;
			           width: 100%;
			           height:60px;
			           padding: 0.8% 0;           
			           top: 0;
			           z-index: 1000;
			           background: #E3F8FF !important; /*背景颜色*/
			           filter:alpha(Opacity=60);
			           -moz-opacity:0.6;
			           opacity: 0.6;
			}
			.personal-information{
				height:65%;
				width:85%;
				margin: 3% auto 0;
				/*background: red;*/
				padding:1px;
			}
			.personal-information-neirong{
				height:15%;
				width: 85%;
				/*background: yellow;*/	
				margin:2% auto;
				font-size: 18px;	
				line-height: 2em;
			}
		</style>

		<style>	
			.PopupLayer{width:600px;height:400px;padding:10px;position:fixed;left:50%;margin-left:-300px;background:#fff;background-clip:padding-box;border-radius:10px;border:10px solid #666;border:15px solid rgba(0,0,0,0.2);}
			.PopupLayer a.close{display:block;width:30px;height:30px;float:right;background:url(images/close.jpg) no-repeat;overflow:hidden;}
			.PopupLayer a.close:hover{background-position:-30px;}
			.PopupLayer p{font:13px "宋体";line-height:30px;letter-spacing:0.1em;margin-top:35px;}
			.PopupLayer p span{color:#7d7d7d;}
			.PopupLayer ul{list-style:none;width:475px;height:103px;margin:30px auto 0;border:1px dashed #e4e4e4;overflow:hidden;}
			.PopupLayer ul li{float:left;width:95px;height:103px;overflow:hidden;}
			.PopupLayer ul li a{display:block;}
			.PopupLayer a.btn{display:block;width:100px;height:38px;line-height:38px;text-align:center;color:#fff;font-weight:bold;letter-spacing:0.1em;float:right;background:url(images/btn_bg.jpg) repeat-x;border-radius:8px;margin:40px 30px 0 0;}
			
			.btn_content{ margin:50px auto;top:327px;width:204px;height:25px;}
			.btn_content button{width:100px;height:25px;line-height:25px;background:#F60;border:1px solid #989898;margin-right:2px;}
			.btn_content button:hover{color:#fff;}
		</style>
		<!-- 视频 -->
	      	<style type="text/css">
				.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
				.clearfix{display:inline-table;}/* Hides from IE-mac \*/
				*html .clearfix{height:1%;}
				.clearfix{display:block;}/* End hide from IE-mac */
				*+html .clearfix{min-height:1%;}
				/* section */
				.section{width:100%;height:100%;margin:;overflow:hidden;/*background: blue;*/}
				.section ul{width:100%;}
				.section ul li{float:left;margin-right:10px;margin-bottom:0px;display:inline;width:23.5%;height:100%;overflow:hidden;position:relative;margin-top: 10px;}
				.section ul li .photo{width:100%;height:100%;overflow:hidden;display: block;}
				.section .rsp{width:100%;height:100%;overflow:hidden;position: absolute;background:#4095D6;top:0px;left:0px;}
				.section .text{position:absolute;width:100%;height:100%;left:-100%;top:0px;overflow:hidden;}
				.section .text h3{width:100%;margin-top:40%;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;}
				.section .text a{text-decoration:none}
				.section .text div{text-align:center;color:#FFFFFF;font-size:18px;}
			</style>
		<!-- 视频end -->
		<link href="css/combinedCSS.css" rel="stylesheet">

		<!-- 收藏弹出 -->
			<script src="js2/modernizr.custom.js"></script>
			<style type="text/css">
				body{
					margin: 0;
					padding:0;
				}
				.sousuo-wenzhang{
		            height:100px;
		            width: 100%;
		            /*background: red;*/
		            margin: 20px auto;
		            border-left: 5px solid #1F47AD;
		        }
		       
		        .wenzhang-xinxi{
		            height:100%;
		            width: 60%;
		            /*background: green;*/
		            float: left;
		        }
		        .wenzhang-biaoti
		        {
		            height:60%;
		            width: 100%;
		            /*background: #fff;*/
		            font-size: 30px;
		        }
		        .wenzhang-author{
		            height:100%;
		            width: auto;
		            /*background: red;*/
		            float: left;
		            color: #777;
		            font-size:16px;
		        }
		        .wenzhang-time{
		            height:100%;
		            width:45%;
		            /*background: red;*/
		            margin-left: 2px;
		            float: left;
		            color: #777;
		            font-size:16px;
		        }
		        .wenzhang-zhongjian{
		            height:100%;
		            width: 20%;
		            /*background:blue;*/
		            float: left;
		            margin-left: 2px;
		            color: #777;
		            font-size:16px;
		            text-align: center;
		        }

		        .wenzhang-formation{
		            height:30%;
		            width: 100%;
		            margin-top: 5px;
		            margin-left: 10px;
		            /*background: #ddd;*/

		        }
		        .sousuo-yonghu {
		            height:100px;
		            width: 46%;
		            /*background: red;*/
		            margin: 30px 2%;
		            float: left;
		            border-left: 2px solid #1F47AD;
		        }
		        .yonghu-xinxi{
		            height:100%;
		            width: 60%;
		            /*background: green;*/
		            float: left;
		        }
		        .yonghu-formation{
		            height:98%;
		            width: 90%;
		            /*background: #ddd;*/
		            padding:1px;
		            margin-left: 10px;
		        }
		        .yonghu-zhongjian{
		            height:100%;
		            width: 20%;
		            /*background:blue;*/
		            float: left;
		            margin-left: 2px;
		            color: #777;
		            font-size:16px;
		            text-align: center;
		        }
		        .yonghu-name{
		            height:35%;
		            width: 100%;
		            margin-top: 2px;
		            font-size: 22px;
		            /*background: orange;*/
		        }
		        .yonghu-age{
		            height:20%;
		            width: 100%;
		            /*background: red;*/
		            font-size: 16px;
		            margin-top: 2px;
		            color: #777;
		        }

		        .yonghu-email{
		            height:30%;
		            width: 100%;
		            margin-top: 2px;
		            font-size: 16px;
		            /*background: orange;*/
		            color: #777;
		        }
			</style>
		<!-- 收藏弹出层end -->

		<!-- 文件上传css样式 -->
			<style>.uploader{
	                position:relative;
	                display:inline-block;
	                overflow:hidden;
	                cursor:default;
	                padding:0;
	                margin-top: 10%;
	                margin-left: 13%;
	                -moz-box-shadow:0px 0px 5px #ddd;
	                -webkit-box-shadow:0px 0px 5px #ddd;
	                box-shadow:0px 0px 5px #ddd;
	                height: 52px;
	                width: 400px;
	                -moz-border-radius:5px;
	                -webkit-border-radius:5px;
	                border-radius:5px;
                }
                .uploader2{
	                position:relative;
	                display:inline-block;
	                padding:0;
	                margin: 5% 13%;
	                -moz-box-shadow:0px 0px 5px #ddd;
	                -webkit-box-shadow:0px 0px 5px #ddd;
	                box-shadow:0px 0px 5px #ddd;
	                height: 32px;
	                width: 360px;
	                -moz-border-radius:5px;
	                -webkit-border-radius:5px;
	                border-radius:5px;
                }
                #shangchuan-lan{
	                float:left;
	                display:inline-block;
	                outline:0 none;
	                height:52px;
	                width:300px;
	                margin:0;
	                overflow:hidden;
	                cursor:default;
	                border:1px solid;
	                border-right:0;
	                font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
	                text-shadow:1px 1px 0px #fff;
	                text-overflow:ellipsis;
	                white-space:nowrap;

	                -moz-border-radius:5px 0px 0px 5px;
	                -webkit-border-radius:5px 0px 0px 5px;
	                border-radius:5px 0px 0px 5px;

	                background:#f5f5f5;
	                background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	                background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
	                border-color:#ccc;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;

	                -moz-box-sizing:border-box;
	                -webkit-box-sizing:border-box;
	                box-sizing:border-box;
                }
                #filename2{
	                float:right;
	                height:32px;
	                width:300px;
	                
	                border:1px solid;
	                border-right:0;
	                font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
	                text-shadow:1px 1px 0px #fff;
	                -moz-border-radius:5px 0px 0px 5px;
	                -webkit-border-radius:5px 0px 0px 5px;
	                border-radius:5px 5px 5px 5px;

	                background:#f5f5f5;
	                background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	                background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
	                border-color:#ccc;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;

	                -moz-box-sizing:border-box;
	                -webkit-box-sizing:border-box;
	                box-sizing:border-box;
                }
                .button{
	                float:left;
	                height:52px;
	                width:100px;
	                display:inline-block;
	                outline:0 none;
	                padding:8px 12px;
	                margin:0;
	                cursor:pointer;
	                border:1px solid;
	                font:bold 9pt/100% Arial, Helvetica, sans-serif;

	                -moz-border-radius:0px 5px 5px 0px;
	                -webkit-border-radius:0px 5px 5px 0px;
	                border-radius:0px 5px 5px 0px;

	                -moz-box-shadow:0px 0px 1px #fff inset;
	                -webkit-box-shadow:0px 0px 1px #fff inset;
	                box-shadow:0px 0px 1px #fff inset;
                }
				.uploader input[type=file]{
				position:absolute;
				top:0; right:0; bottom:0;
				border:0;
				padding:0; margin:0;
				height:30px;
				cursor:pointer;
				filter:alpha(opacity=0);
				-moz-opacity:0;
				-khtml-opacity: 0;
				opacity:0;
				background: blue;
				}

				input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
				input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
				input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
				input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
				/* Blue Color Scheme ------------------------ */

				.blue .button{
				color:#fff;
				text-shadow:1px 1px 0px #4095D6;
				background:#4095D6;
				background:-moz-linear-gradient(top, #3b75b4 0%, #064884 100%);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b75b4), color-stop(100%,#064884));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884',GradientType=0);
				border-color:#4095D6;
				}

				.blue:hover .button{
				background:#1F47AD;
				background:-moz-linear-gradient(top, #064884 0%, #3b75b4 100%);
				background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#064884), color-stop(100%,#1F47AD));
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#064884', endColorstr='#3b75b4',GradientType=0);
				}
				</style>
		<!-- 文件上传css样式end -->
</head>

<body>
<div id="fadeBlack">
</div>
<!-- Wrap all page content here -->
<!-- 顶部栏 -->
	<div id="fixedNavBar" style="border-bottom: 0 solid #3B434B;">
		<ul id="demoUl">
			<li><a id="demo1Btn" href="#demo1" class="demoBtn">主题</a></li>
			<li><a id="demo2Btn" href="#demo2" class="demoBtn">视频</a></li>
			<li><a id="demo3Btn" href="#demo3" class="demoBtn">前人之荐</a></li>
			<li><a id="demo4Btn" href="#demo4" class="demoBtn">三人行</a></li>
			<li><a id="demo5Btn" href="#demo5" class="demoBtn">我的行囊</a></li>
			<li style="clear: both;"></li>
		</ul>
	</div>
<!-- 顶部栏end -->

<!-- 回到顶部 -->
	<span data-toggle="tooltip" data-placement="top" title="Going Up?" id="demoTop">
	<a href="#" style="display: block;padding:5px;">Δ</a></span>
<!-- 回到顶部end -->

<!-- 账户信息 -->
	<div  class="zhanghu">
			<div style="margin-left:2%;">
				<nav class="dr-menu">
					<div class="dr-trigger">
						<span class="dr-icon dr-icon-menu"></span>
						<a class="dr-label">帐户</a>
					</div>
					<ul>
						<li><a class="dr-icon dr-icon-user" href="#">章天锋</a></li>
						<li><a class="dr-icon dr-icon-camera" href="#">视频</a></li>
						<li><a class="dr-icon dr-icon-heart" href="#">收藏夹</a></li>
						<li><a class="dr-icon dr-icon-bullhorn" href="#">订阅</a></li>
						<li><a class="dr-icon dr-icon-download" href="#">下载</a></li>
						<li><a class="dr-icon dr-icon-settings" href="#">设置</a></li>
						<li><a class="dr-icon dr-icon-switch" href="#">退出</a></li>
					</ul>
				</nav>
			</div>	
	</div>
<!-- 账户信息end -->

<div id="fullSectionWrap">

	<!-- 第一个页面 -->
		<div id="demo1" class="fullSection">		
			<div class="main2">
				<div class="background">	
					<div id="content">			
					<ul class="zhishiku-ul">
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
						<li class="zhishiku-li">
							<img class="captall-fadeOutAfter" src="images/touxiang.jpg" alt="<div class='tianjia'><a href='#'>关注</a></div><div class='ztf'><a href='blog.htm' style='color:white;'>我们的微课</a></div>" width="100%" height="100%"/>
						</li>
					</ul>
				</div>
				</div>
			</div>	
		</div>
	<!-- 第一个页面end -->

	<!-- 第二个页面 -->
		<div id="demo2" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="shipin">
						<div class="section">
							<ul class="clearfix">
								<li>
									<div class="photo"><img src="touxiang.jpg" width=" 100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a onclick="openit('XNzQxNTE1NzY0')" class="open" style="cursor:pointer;"><h3>123</h3></a>
								</li>
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM5MzAyMTc2')" class="open"><h3>123</h3></a>
								</li>
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4ODcyNTgw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4OTYwMzQw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>	
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4OTYwMzQw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4OTYwMzQw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>			
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4OTYwMzQw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>
								<li>
									<div class="photo"><img src="touxiang.jpg" width="100%" height="100%" /></div>
									<div class="rsp"></div>
									<div class="text"><a style="cursor:pointer;" onclick="openit('XNzM4OTYwMzQw')" class="open"><h3>123123</h3><div>2014.02.21</div></a></div>
								</li>

							</ul>
							<div class="clear">
							</div>
							<input type="hidden" id="vedioId">
						</div>
					</div>
					<div class="shipin-page">首页/上一页/下一页/尾页</div>
				</div>
			</div>	
		</div>
	<!-- 第二个页面end -->

	<!-- 第三个页面 -->
		<div id="demo3" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="center">
						<div id="page-content" class="box">
							<!-- jPage DEMO -->
							<div id="jpage" class="jpage box">
								
								<!-- pagination panel -->
								<div class="box jpage-panel" data-type="panel"></div><!-- 页码 -->
								
								<div class="list box text-shadow" data-type="content">	<!-- 窗体 -->					
									
										
										<!-- item 1 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/arch-2.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">01/16/2013</p>
												<p class="title"><a href="#" class="biaoti">标题</a></p>
												<p class="desc">文章内容概要截取几十个字左右</p>
												<p class="like">25 Likes</p>
											</div>
										</div>
										
										<!-- item 2 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/autumn-1.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">01/31/2013</p>
												<p class="title"><a href="#" class="biaoti">标题</a></p>
												<p class="desc">文章内容概要截取几十个字左右</p>
												<p class="like">12 Likes</p>
											</div>
										</div>
										
										<!-- item 3 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/boats-1.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">02/24/2000</p>
												<p class="title"><a href="#" class="biaoti">标题</a></p>
												<p class="desc">文章内容概要截取几十个字左右</p>
												<p class="like">11 Likes</p>
											</div>
										</div>
										
										<!-- item 4 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/arch-1.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">03/15/2012</p>
												<p class="title"><a href="#" class="biaoti">标题</a></p>
												<p class="desc">文章内容概要截取几十个字左右</p>
												<p class="like">5 Likes</p>
											</div>
										</div>
										
										<!-- item 5 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/book-1.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">11/22/2001</p>
												<p class="title"><a href="#" class="biaoti">标题</a></p>
												<p class="desc">文章内容概要截取几十个字左右</p>
												<p class="like">100 Likes</p>
											</div>
										</div>
										<!-- item 1 -->
										<div class="list-item box">					
											<!-- img -->
											<div class="img left">
												<img src="img/thumbs/arch-2.jpg" alt="" title=""/>
											</div>
											
											<!-- data -->
											<div class="block right">
												<p class="date">01/16/2013</p>
												<p class="title">Architecture</p>
												<p class="desc">Architecture is both the 
												process and product .</p>
												<p class="like">25 Likes</p>
											</div>
										</div>												
								</div>
							</div>
							<!-- end of jPage DEMO -->
						</div>
					</div>
				</div>
			</div>	
		</div>
	<!-- 第三个页面end -->

	<!-- 第四个页面 -->
		<div id="demo4" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="center">
						<div id="page-content" class="box">
						<!-- jPage DEMO -->
							<div id="jpage3" class="jpage box">	
								<!-- pagination panel -->
									<div class="box jpage-panel" data-type="panel"></div>
								
									<div class="list box text-shadow" data-type="content">						
										
											
											<!-- item 1 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/arch-2.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">01/16/2013</p>
													<p class="title">Architecture</p>
													<p class="desc">Architecture is both the 
													process and product .</p>
													<p class="like">25 Likes</p>
												</div>
											</div>
											
											<!-- item 2 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/autumn-1.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">01/31/2013</p>
													<p class="title">Autumn</p>
													<p class="desc">Autumn or Fall is one of the 
													four temperate seasons.</p>
													<p class="like">12 Likes</p>
												</div>
											</div>
											
											<!-- item 3 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/boats-1.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">02/24/2000</p>
													<p class="title">Boats</p>
													<p class="desc">A boat is a watercraft of 
													any size designed to float or plane.</p>
													<p class="like">11 Likes</p>
												</div>
											</div>
											
											<!-- item 4 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/arch-1.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">03/15/2012</p>
													<p class="title">Arch</p>
													<p class="desc">An arch is a structure that 
													spans a space and supports a load.</p>
													<p class="like">5 Likes</p>
												</div>
											</div>
											
											<!-- item 5 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/book-1.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">11/22/2001</p>
													<p class="title">Books</p>
													<p class="desc">A book is a set of written, 
													printed, illustrate.</p>
													<p class="like">100 Likes</p>
												</div>
											</div>
											<!-- item 1 -->
											<div class="list-item box">					
												<!-- img -->
												<div class="img left">
													<img src="img/thumbs/arch-2.jpg" alt="" title=""/>
												</div>
												
												<!-- data -->
												<div class="block right">
													<p class="date">01/16/2013</p>
													<p class="title">Architecture</p>
													<p class="desc">Architecture is both the 
													process and product .</p>
													<p class="like">25 Likes</p>
												</div>
											</div>											
									</div>
								<!-- end of jPage DEMO -->
							</div>
						</div>
				</div>
				</div>
			</div>	
		</div>
	<!-- 第四个页面end -->

	<!-- 第五个页面 -->
		<div id="demo5" class="fullSection">		
			<div class="main1">
				<div class="background">	
					<div class="personal">
						<div class="touxiang">
							<img height="150" alt="" width="150" src="touxiang.jpg" style="-webkit-border-radius:150px; -moz-border-radius:150px;border-radius:150px;margin:0% 0%;"/>
						</div>
						<div class="jianjie"><center><p class="jianjie-nicheng" style="font-size:20px;margin-top:10px;">Mr.Zhang~<br>随便来点什么</p></center></div>
						<div class="neirong">
							
							<div class="neirong-left">
								<div class="neirong-left-information"><a style="cursor:pointer;" class="md-trigger" data-modal="modal-12">收藏的文章</a></div>
								<div class="neirong-left-information"><a style="cursor:pointer;" class="md-trigger" data-modal="modal-14">收藏的视频</a></div>
								<div class="neirong-left-information"><a style="cursor:pointer;" class="md-trigger" data-modal="modal-13">收藏的用户</a></div>
								<div class="neirong-left-information"><a style="cursor:pointer;" class="md-trigger" data-modal="modal-15">收藏的讨论组</a></div>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>
	<!-- 第五个页面end -->

	<!-- 下面隐藏栏 -->
		<nav id="bt-menu" class="bt-menu">
					<a href="#" class="bt-menu-trigger"><span>Menu</span></a>
					<ul>
						<li><a style="cursor:pointer;" class="md-trigger" data-modal="modal-3">上传文档</a></li>
						<li><a href="uploadvedio.html" >上传视频</a></li>
						<li><a href="sousuo.html"	>查找</a></li>
						<li><a href="#" >创建讨论版</a></li>
						<li><a href="#" >我发表的</a></li>
						<li><a class="md-trigger" data-modal="modal-1" style="cursor:pointer;">个人信息</a></li>
					</ul>
		</nav>
	<!-- 下面隐藏栏end -->

			 		<!-- 视频弹出层 -->
					 <div class="PopupLayer">
            		 	<a class="close" onClick="pauseVideo()"></a>
                     	<iframe id="vedioPage" style="width:565px;height:330px;border:0px;" >
                     	</iframe>
						<input type="hidden" id="nowvId"></div>
				 	<!-- 视频弹出层 end -->

					<!-- 收藏弹出层内容 -->
						<!-- 收藏的用户 -->
							<div class="md-modal md-effect-12" id="modal-13">
					            <div class="md-content">
					                <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-yonghu">
					                       
					                        <div class="yonghu-xinxi">
					                            <div class="yonghu-formation">
					                                <div class="yonghu-name">
					                                    章天锋
					                                </div>
					                                <div class="yonghu-age">age:20</div>
					                                <div class="yonghu-email">
					                                    ztf1577833978@163.com
					                                </div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    
					                   <button class="md-close">关闭</button> 
					            </div>
					        </div>
				        <!-- 收藏的用户end -->

				        <!-- 收藏的文章 -->
				        	<div class="md-modal md-effect-12" id="modal-12">
					            <div class="md-content">
					                <div class="sousuo-wenzhang">
	                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti"><a href="wenzhang.htm">这是文章标题</a></div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>

					                    <div class="sousuo-wenzhang">
					                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-wenzhang">
					                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-wenzhang">
					                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    <div class="sousuo-wenzhang">
					                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>
					                    
					                   <button class="md-close">关闭</button> 
					            </div>
				        	</div>
				        <!-- 收藏的文章end -->

				        <!-- 收藏视频 -->
				        	<div class="md-modal md-effect-12" id="modal-14">
					            <div class="md-content">
					                	<div class="sousuo-wenzhang">
	                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>	                    
					                   <button class="md-close">关闭</button> 
					            </div>
				        	</div>
				        <!-- 收藏视频end -->

				        <!-- 收藏讨论组 -->
				        	<div class="md-modal md-effect-12" id="modal-15">
					            <div class="md-content">
					                	<div class="sousuo-wenzhang">
	                       
					                        <div class="wenzhang-xinxi">
					                            
					                            <div class="wenzhang-biaoti">这是文章标题</div>
					                            <div class="wenzhang-formation">
					                                <div class="wenzhang-author">章天锋</div>
					                                <div class="wenzhang-zhongjian">发表于</div>
					                                <div class="wenzhang-time">2014-7-17</div>
					                            </div>
					                        </div>

					                         <img height="80" alt="" width="80" src="touxiang.jpg" style="-webkit-border-radius:80px; -moz-border-radius:80px;border-radius:80px;float:right;"/>
					                    </div>	                    
					                   <button class="md-close">关闭</button> 
					            </div>
				        	</div>
				        <!-- 收藏讨论组end -->

				        <!-- 上传弹出层 -->
					        <div class="md-modal md-effect-3" id="modal-3" >
								<div class="md-content" style="height:400px;width:550px;">
									<h3>给我们一滴水，我们给你一片海</h3>
									        <div class="uploader blue">
					                            <input type="text" id="shangchuan-lan" readonly="readonly"/>
					                            <input type="button" name="file" class="button" value="Browse..."/>
					                            <input type="file" size="30"/>&nbsp;
					                            
					                        </div>
					                        <div class="uploader2">
					                        <span>命名：</span><input type="text" id="filename2"/> <br/>
					                        </div>
					                        <button  type="submit" style="width:100px;height:40px;">上传</button>
					                        <br/>
										   <button class="md-close" style="width:100px;height:40px;">关闭</button>
									
								</div>
							</div>
						<!-- 上传弹出层end -->

						<!-- 个人信息 -->
							<div class="md-modal md-effect-3" id="modal-1" >
								<div class="md-content" style="height:400px;width:550px;">
									<h3>我的个人信息</h3>
									       <div class="personal-information">
									       	<div class="personal-information-neirong">账号：1577833978</div>
									       	<div class="personal-information-neirong">昵称：ztf </div>
									       	<div class="personal-information-neirong">邮箱：1577833978@qq.com</div>
									       	<div class="personal-information-neirong">phone：18405814774</div>	
									       	<div class="personal-information-neirong">生日：1995/02/13</div>
									       </div>
										   <button class="md-close" style="width:100px;height:40px;">关闭</button>
									
								</div>
							</div>
						<!-- 个人信息end -->
					<!-- 收藏弹出层内容end -->

					<!-- 收藏弹出层 -->
		<div class="md-overlay"></div><!-- the overlay element -->

						<!-- classie.js by @desandro: https://github.com/desandro/classie -->
						
					<!-- 收藏弹出层end	 -->		 		
</div>
</body>
<!-- JavaScript -->
<script src="js2/classie.js"></script>
<script src="js2/modalEffects.js"></script>

<!-- for the blur effect -->
<!-- by @derSchepp https://github.com/Schepp/CSS-Filters-Polyfill -->
<script>
							// this is important for IEs
							var polyfilter_scriptpath = '/js/';
</script>
<script src="js2/cssParser.js"></script>
<script src="js2/css-filters-polyfill.js"></script>
<script src="js/ytmenu.js"></script>
<script src="js/classie.js"></script>
<script src="js/borderMenu.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/scrolld.min.js"></script>
<script type="text/javascript">$("[id*='Btn']").stop(true).on('click', function (e) {e.preventDefault();$(this).scrolld();})</script>
<script src="js/deferDemo.js"></script>

<script type="text/javascript">
	$('document').ready(function(){
		$('#jpage').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
	$('document').ready(function(){
		$('#jpage2').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
	$('document').ready(function(){
		$('#jpage3').jpage({
			effect: 'random' //'', 'crossfade', 'bricks', 'slideLeft', 'slideRight', 'random'
		});
	});
</script>
<script type="text/javascript" >


	function ResizeImages()
	{
	   var myimg,oldwidth,oldheight;
	   var maxwidth=550;
	   var maxheight=880
	   var imgs = document.getElementsByTagName('img');  

	   for(i=0;i<imgs.length;i++){
	     myimg = imgs[i];

	     if(myimg.width > myimg.height)
	     {
	         if(myimg.width > maxwidth)
	         {
	            oldwidth = myimg.width;
	            myimg.height = myimg.height * (maxwidth/oldwidth);
	            myimg.width = maxwidth;
	         }
	     }else{
	         if(myimg.height > maxheight)
	         {
	            oldheight = myimg.height;
	            myimg.width = myimg.width * (maxheight/oldheight);
	            myimg.height = maxheight;
	         }
	     }
	   }
	}
	ResizeImages();
</script>
<script type="text/javascript">
	$(document).ready(function(){	
		$(".section ul li .rsp").hide();	
		$(".section	 ul li").hover(function(){
			$(this).find(".rsp").stop().fadeTo(500,0.5)
			$(this).find(".text").stop().animate({left:'0'}, {duration: 500})
		},
		function(){
			$(this).find(".rsp").stop().fadeTo(500,0)
			$(this).find(".text").stop().animate({left:'300'}, {duration: "fast"})
			$(this).find(".text").animate({left:'-300'}, {duration: 0})
		});
	});
	function openit(vedioId){
				$("#nowvId").val(vedioId);
			}
	function pauseVideo(){
	$("#vedioPage").attr("src","");
	}
</script>
<script>
	$(function(){
		if($.browser.msie && $.browser.version<=6)
		{
			$(".PopupLayer").css("position","absolute");
		}
		$(".PopupLayer").css({"top":$(".PopupLayer").outerHeight()*-1+"px","opacity":0});
		function notice_show()
		{
			var browser_visible_region_height=document.documentElement.clientHeight;
			var element_height=$(".PopupLayer").outerHeight();
			
			var element_show_top=(browser_visible_region_height-element_height)/2;
			$(".PopupLayer").stop(true).animate({top:element_show_top,opacity:1},1800);
		}
		
		function notice_hidden()
		{
			var element_height=$(".PopupLayer").outerHeight();
			var ee=-element_height;
			$(".PopupLayer").stop(true).animate({top:ee,opacity:0},1000);
		}
		
		$("a.close").click(function(){
			var element_height=$(".PopupLayer").outerHeight();
			var ee=-element_height;
			$(".PopupLayer").animate({opacity:0},1000).animate({top:ee},0);
		})
		
		$("a.btn").click(function(){
			$(".PopupLayer").animate({top:$(document).height(),opacity:0},1000)
		})
		
		$(".open").click(function(){
			var nowvId=$("#nowvId").val();
			$("#vedioPage").attr("src","vedio.html?vedioId="+nowvId);
			notice_show();
		})
		
		$("#close").click(function(){
			notice_hidden();
		})
		
		function check()
		{
			var kk=$(".PopupLayer").outerHeight()*-1;
			var ww=$(document).height();
			var qq=parseInt($(".PopupLayer").css("top"));
			
			if(qq == kk || qq == ww)
			{
				return;
			}
			else
			{
				var browser_visible_region_height=document.documentElement.clientHeight;
				var element_height=$(".PopupLayer").outerHeight();
				var element_show_top=(browser_visible_region_height-element_height)/2;
				$(".PopupLayer").stop(true).animate({top:element_show_top},1500);
			}
		}
		
		$(window).resize(function(){
			check();
		})
		
	})
</script>

<!-- 上传文档 -->
	
				<script>$(function(){
				    $("input[type=file]").change(function(){$(this).parents(".uploader").find("#shangchuan-lan").val($(this).val());});
				    $("input[type=file]").each(function(){
				    if($(this).val()==""){$(this).parents(".uploader").find("#shangchuan-lan").val("No file selected...");}
				    });
				});
				</script>
<!-- 上传文档edu -->

<!-- 知识库 -->
		<script src='js/jquery.captall.min.js' type='text/javascript'></script>
		<script type="text/javascript" src="js/easing.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('.captall-fadeOutAfter').captall({
					animation:		'fixed',
					fadeOutAfter: 	'',
					backgroundColor: '#333',
					height: '100%',
				});		
			});

		</script>
<!-- 知识库end -->
<script type="text/javascript" src="http://player.youku.com/jsapi">

	player = new YKU.Player('youkuplayer',{
	styleid: '0',
	client_id: '82ae8ceabde0862c',
	vid: 'XNzM4ODcyNDk2'
	});
</script>
</html>
